@media (min-width:1200px) {
  .container {width: 1330px;}
}
*{outline: none !important;font-family:"microsoft yahei", "Helvetica Neue", Helvetica, Arial, sans-serif !important;}

  .container-fluid{padding: 0}
img{max-width: 100%;}
ul, ol, li { margin: 0; padding: 0; list-style: none; }
.blk{display: block;}
.cl_fff { color: #fff !important }
.cl_ccc { color: #ccc !important }
.cl_333 { color: #333 !important }
.cl_666 { color: #666 !important }
.cl_999 { color: #999 !important }
.cl_gray1 { color: #d5d5d5 !important }
.cl_blue1 { color: #ec3d0d !important }
.cl_blue2 {color: #e60012 !important;}
.fb { font-weight: bold !important }
.w100{width: 100% !important}
.pr{position: relative;}
.pa{position: absolute;}
.fl{float: left;}
.fr{float: right;}
.a_img img,
.p_img img{display: none;}
@media only screen and (min-width: 1200px) {

.f10 { font-size: 10px !important }
.f12 { font-size: 12px !important }
.f14 { font-size: 14px !important }
.f16 { font-size: 16px !important }
.f18 { font-size: 18px !important }
.f20 { font-size: 20px !important }
.f22 { font-size: 22px !important }
.f24 { font-size: 24px !important }
.f26 { font-size: 26px !important }
.f30 { font-size: 30px !important }
.f32 { font-size: 32px !important }
.f32 { font-size: 32px !important }
.f34 { font-size: 34px !important }
.f36 { font-size: 36px !important }
.f40 { font-size: 40px !important }
.f45 { font-size: 45px !important }
.lh25 { line-height: 25px; }
.lh36 { line-height: 36px; }
.lh30 { line-height: 30px; }
.lh40 { line-height: 40px; }
.lh48 { line-height: 48px; }
.lh60 { line-height: 60px; }


.mt15 { margin-top: 15px; }
.mt25 { margin-top: 25px; }
.mt35 { margin-top: 35px; }
.mt65 { margin-top: 65px; }
.mt72 { margin-top: 72px; }


}
.posr{position: relative;}
.posa{position: absolute;}
.btn1 { display: inline-block; background: #e60012; color: #fff; line-height: 56px; padding: 0 50px; }
.btn1:hover { background: #ec3d0d;transition: background 0.3s;cursor: pointer;text-decoration: none}
.blk_ct{display: inline-block;margin-left: auto;line-height: 50px;margin-right: auto;border-radius: 3px;}

/* == clearfix == */
.clearfix:after {
    content:'.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.gutter-20.row { margin-right: -10px; margin-left: -10px; }
.gutter-20 > [class^='col-'], .gutter-20 > [class^=' col-'] { padding-right: 10px; padding-left: 10px; }
.gutter-60.row { margin-right: -30px; margin-left: -30px; }
.gutter-60 > [class^='col-'], .gutter-60 > [class^=' col-'] { padding-right: 30px; padding-left: 30px; }
.gutter-40.row { margin-right: -20px; margin-left: -20px; }
.gutter-40 > [class^='col-'], .gutter-40 > [class^=' col-'] { padding-right: 20px; padding-left: 20px; }

.gutter-0.row { margin-right: 0px; margin-left: 0px; }
.gutter-0 > [class^='col-'], .gutter-0 > [class^=' col-'] { padding-right: 0px; padding-left: 0px; }


.shadow10{
    position:relative;
   
}
.shadow10:after{
  transition: all .3s;
  z-index: 0;
  position: absolute;
  content: "";
-webkit-box-shadow: 0 0 5px 2px rgba(186,186,186,0.29);
-moz-box-shadow: 0 0 5px 2px rgba(186,186,186,0.29);
box-shadow: 0 0 5px 2px rgba(186,186,186,0.29);


  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.shadow10:hover:after{
-webkit-box-shadow: 0 0 5px 3px rgba(186,186,186,0.66);
-moz-box-shadow: 0 0 5px 3px rgba(186,186,186,0.66);
box-shadow: 0 0 5px 3px rgba(186,186,186,0.66);

}
.shadow5{
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.46);
-moz-box-shadow: 0 0 2px rgba(0,0,0,0.46);
box-shadow: 0 0 2px rgba(0,0,0,0.46);


}